<template>
  <div>
    图片列表
    <div v-for="item in picList" :key="item.id">
      <img :src="item.url" width="200"/>
      <p>{{item.name }}</p>
      <p><el-button link>删除</el-button> <el-button link>转移相册</el-button></p>
    </div>
  </div>
</template>
<script lang="ts" setup>
//  导入router
import {useRoute} from 'vue-router'
// 导入接口
import type {Ipic} from '@/interface'
// 导入响应式方法
import {ref} from 'vue'
// 导入接口
import { GetPic } from '@/api/user';

// 获取当前路由
const route = useRoute()
// 定义搜索条件
const search = ref({current:1,album:route.params.id})

// 定义相册列表
const picList = ref<Ipic[]>([])
// 获取图片
function getPic(){
  // 使用获取图片的api
  GetPic(search.value)
  .then(res=>{
    if(res.data.code===0){
      // 更新图片列表
      picList.value = res.data.data;
    }
  })
}
// 默认获取一次图片
getPic();
</script>